<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="UTF-8">
    <meta name="renderer" content="webkit" />
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>聚服务-报价详情</title>
    <link rel="stylesheet" href="../../lib/css/reset.min.css">
    <link rel="stylesheet" href="../../css/all.min.css">
    <link rel="stylesheet" href="../../lib/css/elementui.min.css">
</head>

<body>
    <div class="app-wrap " v-cloak id="jfw_baojia">
        <header-top></header-top>
        <header-search-global type="服务"></header-search-global>
        <div class="bg-gray">
            <div class="container">
                <common-crumb :crumblist="crumblist"></common-crumb>
                <div class="jfuwu-baojia-wrap">
                    <div class="left-wrap">
                        <div class="top">
                            <div class="biaoti">采购商</div>
                        </div>
                        <div class="bottom">
                            <img :src="buyUserInfo.picImg" class="logo">
                            <p>{{buyUserInfo.name}}</p>
                            <!--<p class="xinyong">信用等级：</p>
                            <p>
                                <span v-for="n in 5">
                                        <i class="icon-star s1" v-if="n<=sjinfo.star"></i>
                                        <i class="icon-star s0" v-else></i>
                                    </span>
                            </p>-->
                            <div class="contact">{{buyUserInfo.telephone}}</div>
                        </div>
                    </div>
                    <div class="right-wrap">
                        <div class="zhaody icon-jfw-zdy">
                            <div class="txt1">{{demand.categoryName}}</div>
                            <div class="txt2">收到报名（{{demandQuotationList.length}}）</div>
                        </div>
                        <div class="con-box">
                            <p class="title">寻找实力工作室--{{demand.categoryName}}</p>
                            <div class="fabudate">
                                <p>发布时间：{{demand.createDate}}</p>
                                <p>订单有效截止日期：{{demand.deadline}}</p>
                            </div>
                            <div>
                                <p class="biaoti">对卖家要求</p>
                                <div class="require">
                                    <div class="r-row first">
                                        <div class="r-cell c1">服务类型</div>
                                        <div class="r-cell c2">{{demand.categoryName}}</div>
                                    </div>
                                    <div class="r-row">
                                        <div class="r-cell c1">地区</div>
                                        <div class="r-cell c2">{{demand.areaName}}</div>
                                    </div>
                                </div>
                            </div>
                            <div>
                                <p class="biaoti">已报卖家</p>
                                <div class="maijialist pl-15">
                                    <img :src="maijia.companyLogoUrl" v-for="maijia in demandQuotationList">
                                </div>
                            </div>
                            <div>
                                <p class="biaoti">补充说明</p>
                                <p class="pl-15">{{demand.describe}}</p>
                            </div>
                            <div>
                                <p class="biaoti">图片描述</p>
                                <div class="miaoshulist pl-15">
                                    <img :src="miaoshu.fileUrl" v-for="miaoshu in demand.attachmentList">
                                </div>
                            </div>
                        </div>
                        <form class="con-box" v-if="isCompany">
                            <p class="biaoti mt-0">报价单</p>
                            <div class="pl-15">
                                <p class="biaoti2">工厂名称</p>
                                    <h2> &nbsp;&nbsp;{{companyInfo.name}}</h2>
                                <!--<input v-model="factoryname" type="text" class="ipt-448">-->
                                <p class="biaoti2">所在地区</p>
                                <div class="arealist">
                                    <span  class="area-item">{{companyInfo.companyAddress}}</span>
                                    <!--<span v-for="item in demand.areaList" @click="chooseDiqu(item.id)" class="area-item" :class="{'active':item.val==diqu}">{{item.name}}</span>-->
                                </div>
                                <p class="biaoti2">服务周期（天）</p>
                                <input v-model="zhouqi" type="number" class="ipt-298">
                                <p class="biaoti2">预计总价（元）</p>
                                <input v-model="zongjia" type="number" class="ipt-298">
                                <p class="biaoti2">附加说明</p>
                                <textarea v-model="mark" class="mark" placeholder="（选填）"></textarea>
                            </div>
                            <div class="submit-wrap">
                                <button type="button" @click="submitQuotation()">立即报价</button>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
        <common-footer></common-footer>
    </div>
    <script src="../../lib/js/vue.js"></script>
    <script src="../../lib/js/axios.min.js"></script>
    <!-- mock 数据 打包发布的时候记得移除 -->
    <script src="../../lib/js/mock.js"></script>
    <script src="../../js/all.min.js"></script>
    <script src="../../lib/js/elementui.min.js"></script>
    <script>
        jfw_baojia();
    </script>
</body>

</html>